<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>订单提交</title>
<link rel="stylesheet" href="common/css/common.css">
<script type="text/javascript" src="common/js/jquery-1.10.2.js"></script>
</head>
<style>
.ordbody{padding-top:16vw;}
.ordeadr{
	width:94vw;
	padding:2vw 3vw;
	background-color:white;	
}
.ordeadr_img{
	width:4vw;
	height:9vw;
	line-height:9vw;
	margin-right:2vw;	
}
.ordeadr_img img{
	width:100%;	
}
.ordeadr_font{
	font-size:3vw;	
}
.ordeadr_font p:first-child{
	height:4vw;
	line-height:4vw;	
}
.ordeadr_font p:nth-child(2){
	height:5vw;
	line-height:5vw;		
}
.ordlist_body{
	width:94vw;
	padding:3vw;
	background-color:white;
	margin-top:1vw;	
}
.ordlist_body_img{
	width:18vw;
	height:18vw;
	background-color:#C9F;
	overflow:hidden;	
}
.ordlist_body_font{
	width:74vw;
	height:10vw;
	margin-left:2vw;	
}
.olb_font_font{
	width:60vw;
	height:10vw;
	line-height:5vw;
	font-size:3.6vw;
	color:black
}
.olb_font_money{
	width:12vw;
	height:5vw;
	line-height:5vw;
	text-align:right;
	font-size:3.6vw;
	font-weight:600;
	color:black	
}
.odl_font_num{
	width:12vw;
	height:10vw;
	line-height:10vw;
	text-align:right;
	font-size:4vw;	
	color:#999999;
	font-weight:600;
}
.ordlist_body_money{
	width:74vw;
	margin-left:2vw;	
}
.olb_money_money{
	height:5vw;
	font-size:3vw;
	margin-top:3vw;
	color:black	
}
.olb_money_money label{
	font-size:4vw;	
}
.olb_money_block{
	width:18vw;
	height:6vw;
	line-height:6vw;
	border-radius:1vw;
	background-color:#ff452c;
	margin-top:2vw;
	font-size:2.8vw;
	color:white;
	text-align:center;	
}
.odlist_footer{
	width:94vw;
	height:10vw;
	background-color:white;
	text-align:right;
	font-size:4vw;
	border-top:1px #d9d9d9 solid;
	line-height:10vw;
	padding:0 3vw;
	
}
.odblock{
	width:100%;
	background-color:white;
	font-size:4vw;
	margin-top:1vw;	
}
.odblock_block{
	width:94vw;
	padding:0 3vw;
	height:10vw;
	line-height:10vw;
	border-bottom:1px #d9d9d9 solid; 	
}
.odblock_textarea{
	width:94vw;
	padding:0 3vw;
	height:24vw;
	line-height:10vw;	
}
.odblock_textarea label{
	margin-left:3vw;
	color:#666666;	
}
</style>
<body>
	<div class="buju">
          	<div class="header" style="background: #0054a7">
                    	<div class="header_one fl"><a href=""><img src="common/img/back001.png"/></a></div>
                              <div class="header_two fl">订单详情</div>
                    </div>
                    <div class="ordbody">
                    	<div class="ordeadr">
                              	<div class="ordeadr_img fl">
                                        	<img src="common/img/position.jpg"/>
                                        </div>
                                        <div class="ordeadr_font fl">
                                        	<p>收货人：李元芳 15806976589</p>
                                                  <p>收货地址：山东省济南市洪家楼二建融基大厦</p>
                                        </div>
                                        <div class="clear"></div>
                              </div>
                              <div class="odlist">
                              	<div class="ordlist_body">
                                        	<div class="ordlist_body_img fl">
                                                  	<img src="common/img/img001.jpg"/>
					</div>
                                                  <div class="ordlist_body_font fl">
                                                  	<ul>
                                                            	<li class="olb_font_font fl over2">珍视明 四味珍层冰硼滴眼液 15ml*1瓶/盒</li>
							<li class="odl_font_num fr">x1</li>
						</ul>	
                                                            <div class="clear"></div>
					</div>	
                                                  <div class="ordlist_body_money fl">
                                                  	<div class="olb_money_money fl"><label>￥22.0</label></div>
                                                            <!--<div class="olb_money_block fr">赚佣0.03元</div>-->
					</div>
                                                  <div class="clear"></div>
				</div>	
                                        <script>
					$(function(){
						var image_width=$(".ordlist_body_img").width();
						var image_height=$(".ordlist_body_img").height();
						var image_bi=image_width/image_height;
						$(".ordlist_body_img img").each(function (){
							var images_width=$(this).width();
							var images_height=$(this).height();
							var images_bi=images_width/images_height;
							if(image_bi<images_bi){
								$(this).css("height",image_height);
								var imgwidth=image_height * images_bi;
								var widths= 0 - (imgwidth - image_width) / 2;
								$(this).css("margin-left",widths);
							}else{
								$(this).css("width","100%");	
								var imgheight=image_width / images_bi;	
								var heights=0 - (imgheight - image_height) / 2;
								$(this).css("margin-top",heights);
							}
						})	
					})			
				</script>
                                        <div class="odlist_footer">实付款：￥9.9</div>
                    	</div>
                              <div class="odblock">
                              	<div class="odblock_block">订单编号：10002</div>
                                        <div class="odblock_block">订单状态：已结算</div>
                                        <div class="odblock_block">下单时间：2022-04-25 11:11</div>
                                        <!--<div class="odblock_textarea">买家留言<label>请认真包装</label>-->
                                        </div>
                              </div>
                    </div>
	</div>
</body>
</html>
